<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<style type="text/css">
	#content{
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:4;
	}
</style>
<div id="page-wrapper">
	<header th:replace="_layout/header :: header"></header>
		<!-- Breadcrumb Start -->
		<div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(/static/assets/images/background/1.png); background-repeat: no-repeat;">
			<div class="container">
				<div class="row py-5">
					<div class="col-sm-6">
						<h3 class="text-white">博客</h3>
					</div>
					<div class="col-sm-6">
						<nav aria-label="breadcrumb" class="float-right">
							<ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
								<li class="breadcrumb-item"><a href="#">首页</a></li>
								<li class="breadcrumb-item active" aria-current="page">博客</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
	<!-- Breadcrumb End -->


	<div class="full-row">
		<div class="container">
			<div class="row row-cols-md-2 row-cols-lg-3 row-cols-1">
				<!--/*@thymesVar id="blogs" type="java.util.List<com.weu.bean.Blog>"*/-->
				<div class="col" th:each="blog:${pageInfo.getList()}">
					<div class="thumb-blog-simple transation hover-img-zoom mb-4">
						<div class="post-image overflow-hidden">
							<a th:href="@{/blogs/}+${blog.blogId}"><img th:src="@{'/static/assets/images/portfolio/'+${blog.blogPicurl}}" alt="Image not found!"></a>
						</div>
						<div class="post-content py-3">
							<div class="post-meta font-mini text-uppercase list-color-light">
								<a href="#"><span th:text="${blog.blogId}"></span></a><a href="#"><span th:text="${blog.blogUname}"></span></a>
							</div>
							<h5><a href="#" class="transation text-dark hover-text-primary d-block mb-4" th:text="${blog.blogCname}"></a></h5>
							<p id="content" th:text="${blog.blogContent}"></p>
							<div class="date text-primary font-mini text-uppercase"><span th:text="${blog.blogCreatetime}"></span></div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-12 mt-5">
					<nav aria-label="Page navigation example">
						<ul class="pagination pagination-dotted-active justify-content-center">
							<li class="page-item">
								<a class="page-link" th:href="'/blogs?pageNum='+${pageInfo.pageNum - 1}">上一页</a>
							</li>
							<li class="page-link">[[${pageInfo.pageNum}]]/[[${pageInfo.pages}]]页</li>
							<li class="page-item">
								<a class="page-link" th:href="'/blogs?pageNum='+${pageInfo.pageNum + 1}">下一页</a>
							</li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
	<footer th:replace="_layout/footer :: footer"></footer>
	<a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>
</body>
</html>
